﻿#nineseas {
    /*background-color: #4D4D4D;*/
}
.book-item {
    margin: 0 7px 7px 0;/*0 31px 30 px 0*/
    padding:0;
    float: left;
    cursor: pointer;
    background-color: #eee;
    text-align: center;
    z-index:1;
}
.book-item-last-line {
    margin-right: 0;
}
.book-item:hover {
    opacity:0.6;
    filter:alpha(opacity=60);
}
.book-item a {
    padding-bottom: 10px;
    text-decoration: none;
    color: #000;
}
.book-item a:hover {
    text-decoration: none;
}
.book-item-imageurl img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 144px;/*124px;*/
    height: 205px;/*185px*/

}
.book-item-imageurl img:hover {

}
.book-display-name {
    width:124px;/*104px*/
    height:14px;
    white-space:nowrap;
    margin: 0;
    padding: 10px;
    background-color:#fff;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.book-item-footer {
    height: 20px;
    background-color:#eee;
    padding: 3px 5px;
}
.book-item-footer span {
    display: block;
    float: left;
    padding: 4px;
    padding-left: 22px; 
    -moz-background-size:20px;
    -o-background-size: 20px;
    -webkit-background-size: 20px;
    background-size: 20px;
    text-align: left;
}
.book-item-views {
    background: transparent url(../images/views.png) no-repeat;
}
.book-item-likes {
    background: transparent url(../images/likes.png) no-repeat;
    width: 50px;
}



#paging {
    clear: both;
    margin: 20px 0;
}
    #paging a {
        color: #eee;
        text-decoration: none;
    }
    #paging a:hover {
        color: #eee;
        text-decoration: none;
    }
    #paging #previousPage {
        float: left;
    }
    #paging #nextPage {
        float: right;
    }